<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>Geo Visualization</title>
	<link href="css/main.css" type="text/css" rel="stylesheet" />
	<link href="css/map.css" type="text/css" rel="stylesheet" />
	<link href="css/charts.css" type="text/css" rel="stylesheet" />
	<link href="css/filter.css" type="text/css" rel="stylesheet" />
	<link href="css/popup.css" type="text/css" rel="stylesheet" />
	<link href="css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css"rel="stylesheet" />
	<script src="js/helper.js" type="text/javascript"></script>
	<script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/jqueryui.js" type="text/javascript"></script>
	<script src="js/filterControls.js" type="text/javascript"></script>
	<script src="js/statisticFunctions.js" type="text/javascript"></script>
	<script src="js/d3.v2.js" type="text/javascript"></script>
	<script src="js/geoviz.js" type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
</head>
<body>
	<div id="toggleContainer">
		<img src="img/globe.png" id="toggle" class="flat" onclick="toggleProjection()" />
	</div>
	<div id="moveContainer">
		<img src="img/movecircle.png" />
		<img src="img/arrowleft.png" id="moveleft"/>
		<img src="img/arrowright.png" id="moveright"/>
		<div id="movecenter"></div>
		<img src="img/arrowtop.png" id="movetop"/>
		<img src="img/arrowbottom.png" id="movebottom"/>
	</div>
	<div id="scale"></div>
	<div id="left">
		<div id="mapview"><div>Map View</div></div>
		<div id="toolbar">
			<label>Toolbar</label>
			<img id="saveimg" src="img/saveimg.png"/>
			<label>Save as Image</label>
		</div>	
		<div id="map"></div>
		<div id="area_bottom">
			<div id="chartheader">
				<label>Chart Area</label>
				<span></span>
				<label>Displayed KPI: </label>
				<label id="chartkpi"></label>
			</div>
			<div id="chartsep"></div>
			<div id="timeline"></div>
			<div id="piechart"></div>
		</div>
	</div>
	<div id="area_right">
	<div id="filterheader">
		<label>Filter Area</label>
	</div>
	<div class="filtersep"></div>
	</div>
	
</body>
</html>